<link rel="stylesheet" type="text/css" href="./include/jVectorMap/css/jquery-jvectormap-2.0.1.css">
<script type="text/javascript" language="javascript" src="./include/jVectorMap/js/jquery-jvectormap-2.0.1.min.js"></script>
<script type="text/javascript" language="javascript" src="./include/jVectorMap/js/jquery-jvectormap-cundi-mill-en.js"></script>
<script type="text/javascript" language="javascript" src="./include/ajax/js/informacionGeografica.js"></script>
<div class="block-title">
    Informaci&oacute;n Geografica
</div>
<div>
    <div id="mapa" style="height: 400px"></div>
</div>
<script type="text/javascript" language="javascript" src="./include/jVectorMap/config.js"></script>
<br>
<br> 
<div>
    <table>
        <tr valign="top">
            <td class="head">Municipio</td>
            <td class="odd" style="white-space: nowrap;">
                <select name="municipio">
                    <{foreach item=municipio from=$municipios}>
                    <option value="<{$municipio.id}>" ><{$municipio.nombre}></option>
                    <{/foreach}>
                </select>
            </td>
        </tr>
        <tr valign="top">
            <td class="head"></td>
            <td class="odd" style="white-space: nowrap;"><input type="submit" value="Ver Familias" id="submit" name="submit" class="formButton"></td>
        </tr>
    </table>
    <br>
    <br>
    <br>
    
</div>
